@charset "utf-8";
/* CSS Document by fernando*/
@font-face { 
font-family: Good Times; 
src: url('http://www.mediafont.com/storage/contents/92/font.eot'); /* IE */ src: local('Good Times'), url('http://www.mediafont.com/storage/contents/92/GOODTIME.ttf'); /* non-IE */ }
body {
	margin: 0px;
	padding:0px;
	font-family: Good Times,Trebuchet MS,Arial, Tahoma;
	font-size: 12px;
	background-color: #111;
}
#contenedor_chat {
	width: 500px;
}
#WebWeekend {
	width: 960px;
	height: 600px;
	margin: 0 auto;
	z-index: 1;
	background: url(../imagenes_referencia_pag/fondo0.jpg) no-repeat center;
}
#titulo1{
	font-size: 14px;
	position: absolute;
	margin-top: 20px;
	margin-left: 20px;
	color: #fff;
	font-weight: bold;
}
#titulo2{
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	margin-top: 20px;
	margin-left: 300px;
	color: #fff;
}
#contenedor_online {
	position: absolute;
	float: left;
	margin-left:20px;
	margin-top: 50px;
	width: 240px;
	height: 470px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background-color: #006699;
	opacity: 0.5;
}
#contenedor_log {
	float: right;
	margin-top: 50px;
	margin-right: 20px;
	width: 470px;
	height: 470px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background-color:#006699;
	opacity: 0.5;
}
#tab_online {
	position: absolute;
	margin-top: 50px;
	margin-left: 20px;
	width: 240px;
	height: 470px;
	overflow: auto;
	color: #fff;
}
#tab_log {
	color: #fff;
	position: absolute;
	margin-top: 50px;
	margin-left: 270px;
	width: 470px;
	height: 470px;
	overflow: auto;
}
.log {
	margin: 5px;
	margin-bottom: 10px;
	padding: 0px;
}
.log span {
	color: #fff;
	font-size: 13px;
	font-family: Trebuchet MS,Arial, Tahoma;
	margin: 0px;
	padding: 0px;
}
.log a {
	color: #fff;
}
.cont_foto {
	float: left;
	width: 50px;
	height:50px;
	margin-left: 8px;
	margin-top: 8px;
	overflow: hidden;
}
#tab_online a img {
	width: 100%;
}
.anuncio {
	margin-top: 5px;
}
#derechos {
	position: absolute;
	margin-top: 550px;
	width: 930px;
	border-top: 1px #fff solid;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
#derechos span {
	font-size: 15px;
	font-family: Trebuchet MS,Arial, Tahoma;
}